<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/queryloader2.min.js"></script>
		<style>
			.cover-box, .score-cover{
				overflow: auto;
			}
		
		</style>
		<script>
			function goQuestion(index){
				$(".qbox").hide();
				$("#q"+index).show();
			}
		</script>
	</head>

	<body>
		<div class="cover-box" style="display:none;">
			<div class="test-container">
				<div class="bg"></div>
				<img src="img/bg_01.png" alt="bg_01" />
				<img src="img/flash.png" alt="flash" />
				<img class="button01" src="img/button01.png" onclick="goQuestion(1);" alt="button01" />
				<img class="button02" src="img/button02.png" onclick="$('#rule').show();" alt="button02" />
			</div>
		</div>

		<div id="mid01" class="mid-box" style="display:none;" onclick="$('#mid02').show();">
			<div class="gz_">
				<div class="bg"></div>
				<img src="img/code.jpg" alt="code" />
			</div>
		</div>
		
		<div id="mid02" class="mid-box" onclick="$('#mid03').show();" style="display:none;">
			<div class="gza_">
				<div class="bg"></div>
			</div>
		</div>
		
		<div id="mid03" class="mid-box">
			<div class="gzb_">
				<div class="bg"></div>
			</div>
		</div>		

		<div class=" cover-box qbox" id="q1" style="display: none;">
			<div class="question-container question1">
				<div class="bg"></div>
				<div class="question">巴菲特说他很赏识你,给你30万块钱,你会?</div>
				<div class="question-body">
					<ul>
						<li>
							<input type="checkbox" /><span>A：花掉花掉，请叫我买买提</span></li>
						<li>
							<input type="checkbox" /><span>B：天上掉馅饼，赶紧藏家里</span></li>
						<li>
							<input type="checkbox" /><span>C：大钱生小钱，银行最安全</span></li>
						<li>
							<input type="checkbox" /><span>D：投资北京街，走上人生巅峰</span></li>
					</ul>
					<img src="img/next.png" alt="next" onclick="goQuestion(2);" />
				</div>
				<p>1</p>
				<img class="question-pic" src="img/question01.png" alt="question01" />
			</div>
		</div>
		<div class=" cover-box qbox" id="q2" style="display:none;">
			<div class="question-container question2">
				<div class="bg"></div>
				<div class="question">巴菲特邀你到北京街共进午餐,你会如何去赴约?</div>
				<div class="question-body">
					<ul>
						<li>
							<input type="checkbox" /><span>A：提前挤公交，省钱还环保</span></li>
						<li>
							<input type="checkbox" /><span>B：taxi走起，咱不差钱</span></li>
						<li>
							<input type="checkbox" /><span>C：有车一族，哪怕路上堵成狗</span></li>
						<li>
							<input type="checkbox" /><span>D：这时代什么最快？地铁！</span></li>
					</ul>
					<img src="img/next.png" alt="next" onclick="goQuestion(3);" />
				</div>
				<p>2</p>
				<img class="question-pic" src="img/question02.png" alt="question02" />
			</div>
		</div>
		<div class=" cover-box qbox" id="q3" style="display:none;">	<div class="question-container question3">
			<div class="bg"></div>
			<div class="question">巴菲特将约定地点选在北京街,你认为是什么原因?</div>
			<div class="question-body">
				<ul>
					<li><input type="checkbox" /><span>A：交通方便，省时</span></li>
					<li><input type="checkbox" /><span>B：区域升值潜力大</span></li>
					<li><input type="checkbox" /><span>C：配套全，风景好</span></li>
					<li><input type="checkbox" /><span>D：以上全是</span></li>					
				</ul>				
				<img src="img/next.png" onclick="goQuestion(4);" alt="next" />				
			</div>
			<p>3</p>
			<img class="question-pic" src="img/question03.png" alt="question03" />
		</div></div>
		<div class=" cover-box qbox" id="q4" style="display:none;">
			<div class="question-container question4">
			<div class="bg"></div>
			<div class="question">见面后,巴菲特递给你一个宝盒,你希望里面是?</div>
			<div class="question-body">
				<ul>
					<li><input type="checkbox" /><span>A：一张50万支票</span></li>
					<li><input type="checkbox" /><span>B：他的投资秘诀</span></li>
					<li><input type="checkbox" /><span>C：一笔可观的天使投资</span></li>
					<li><input type="checkbox" /><span>D：北京街临河旺铺所有权，每天钱生钱</span></li>					
				</ul>				
				<img src="img/4.png" alt="4" onclick="$('.score-cover').show();" />	
			</div>
			<p>4</p>
			<img class="question-pic" src="img/question04.png" alt="question04" />
		</div>
		</div>
		
		<div class="hdgz-cover-box" id="rule" onclick="$('#rule').hide();" style="display:none;">
	    	<div class="hdgz-pop-box">
		        <div class="hdgz-pop-close">
		            <b></b>
		        </div>
		        <div class="hdgz-pop-content">
		            <div class="hdgz-content">
		                <h2><img src="img/rule.png" alt="rule" /></h2>
		                <ul>
		                	<li>1、关注“TFS北京街”公众号，点击菜单栏“测试领现金福利”按钮开始测试；</li>
							<li>2、参与者通过4道趣味问答测算自己的投资天赋，分享朋友圈后可查看测试结果并领取现金福利；</li>
							<li>3、成功分享朋友圈后现金福利将自动到账，请在“TFS北京街”公众号中查收；</li>
							<li>4、本次活动共3轮，每天12点开始，每天限2000名粉丝参与，现金福利发放完毕，则当天活动结束。</li>
							<img src="img/code.jpg" alt="code" />
							<li>5、活动最后一轮现金福利发放完毕，则本次活动结束，每个微信号限参与一次活动。</li>
							<li>6、如遇不可抗力因素，活动主办方有权提前终止本次活动；</li>
							<li>7、本次活动最终解释权归北京街所有。</li>
		                </ul>          
		            </div>
		        </div>
	    	</div>
		</div>
			
		<div class="score-cover" style="display:none;" id="score" onclick="$(this).hide();$('#over').show();">
			<div class="score-box">
				<div class="bg"></div>
				
					<p>
						<em>经测试</em>
						<br />				
						你的投资天赋前后600年无人能超越巴菲特也要拜你为师！
					</p>				
					<span><em>现金xx元</em>也能使你走向巅峰</span>

			</div>
		</div>
		<!--
        	作者：245848724@qq.com
        	时间：2015-10-19
        	描述：90分以上
        -->
		
		<div class="score-cover" style="display:none;" id="score" onclick="$(this).hide();$('#over').show();">
			<div class="score-box">
				<div class="bg"></div>
		
					<p>
						<em>经测试</em>
						<br />
						你投资天赋先天不足只有北京街能解救你！
						
					</p>					
					<span><em>现金xx元以示安慰</em></span>
		
			</div>
		</div>
		<!--
        	作者：245848724@qq.com
        	时间：2015-10-19
        	描述：60分以下
        -->
		
		<div class="score-cover" style="display:none;" id="score" onclick="$(this).hide();$('#over').show();">
			<div class="score-box">
				<div class="bg"></div>
			
					<p>
						<em>经测试</em>
						<br />
						你投资天赋的任督二脉还未打开北京街能助你一臂之力！
					</p>					
					<span><em>助力现金xx元</em></span>
		
			</div>
		</div>
		<!--
        	作者：245848724@qq.com
        	时间：2015-10-19
        	描述：61-79分
        -->
		
		<div class="score-cover" style="display:none;" id="score" onclick="$(this).hide();$('#over').show();">
			<div class="score-box">
				<div class="bg"></div>
	
					<p>
						<em>经测试</em>
						<br />
						你的投资天赋令人叹为观止巴菲特也要拜你为师！
					</p>					
					<span><em>奖励现金xx元</em></span>
	
			</div>
		</div>
		<!--
        	作者：245848724@qq.com
        	时间：2015-10-19
        	描述：80-90分
        -->
		
		<div class="cover-box " id="over" onclick="$(this).hide();" style="display:none;">
			<div class="pop-box">
				<div class="bg"></div>

			</div>
		</div>
		
		<script>
			$("body").queryLoader2({
				barColor: "#efefef",
				backgroundColor: "#111",
				percentage: true,
				barHeight: 1,
				minimumTime: 500,
				fadeOutTime: 1000,
				onComplete: function() {
					
				}
			});
		</script>
	</body>

</html>